<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>面包屑</title>
    <link rel="stylesheet" href="./view/面包屑/styles.css">
</head>
<body>
<!-- Unnamed (Rectangle) -->
<div id="u3062" class="ax_default heading_1">
    <div id="u3062_div" class=""></div>
    <div id="u3062_text" class="text ">
        <p><span>Breadcrumb 面包屑</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3063" class="ax_default heading_1">
    <div id="u3063_div" class=""></div>
    <div id="u3063_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3064" class="ax_default label">
    <div id="u3064_div" class=""></div>
    <div id="u3064_text" class="text ">
        <p><span>显示网站的层级结构，告知用户当前所在位置，以及在需要向上级导航时使用。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3065" class="ax_default label">
    <div id="u3065_div" class=""></div>
    <div id="u3065_text" class="text ">
        <p><span>基本</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3066" class="ax_default label">
    <div id="u3066_div" class=""></div>
    <div id="u3066_text" class="text ">
        <p><span>基本的分页，页数过多时会自动折叠。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3067" class="ax_default label" selectiongroup="breadcrumb-list-1">
    <div id="u3067_div" class=""></div>
    <div id="u3067_text" class="text ">
        <p><span>Home</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3068" class="ax_default label">
    <div id="u3068_div" class=""></div>
    <div id="u3068_text" class="text ">
        <p><span>/</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3069" class="ax_default label" selectiongroup="breadcrumb-list-1">
    <div id="u3069_div" class=""></div>
    <div id="u3069_text" class="text ">
        <p><span>Components</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3070" class="ax_default label">
    <div id="u3070_div" class=""></div>
    <div id="u3070_text" class="text ">
        <p><span>/</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3071" class="ax_default label selected" selectiongroup="breadcrumb-list-1">
    <div id="u3071_div" class="selected"></div>
    <div id="u3071_text" class="text ">
        <p><span>Breadcrumb</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3072" class="ax_default label">
    <div id="u3072_div" class=""></div>
    <div id="u3072_text" class="text ">
        <p><span>带图标的</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3073" class="ax_default label">
    <div id="u3073_div" class=""></div>
    <div id="u3073_text" class="text ">
        <p><span>可自定义每项的内容，比如带有一个图标。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3074" class="ax_default label" selectiongroup="breadcrumb-list-2">
    <div id="u3074_div" class=""></div>
    <div id="u3074_text" class="text ">
        <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Home</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3075" class="ax_default label">
    <div id="u3075_div" class=""></div>
    <div id="u3075_text" class="text ">
        <p><span>/</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3076" class="ax_default label" selectiongroup="breadcrumb-list-2">
    <div id="u3076_div" class=""></div>
    <div id="u3076_text" class="text ">
        <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Components</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3077" class="ax_default label">
    <div id="u3077_div" class=""></div>
    <div id="u3077_text" class="text ">
        <p><span>/</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3078" class="ax_default label selected" selectiongroup="breadcrumb-list-2">
    <div id="u3078_div" class="selected"></div>
    <div id="u3078_text" class="text ">
        <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Breadcrumb</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3079" class="ax_default label">
    <div id="u3079_div" class=""></div>
    <div id="u3079_text" class="text ">
        <p><span>更多分割符</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3080" class="ax_default label">
    <div id="u3080_div" class=""></div>
    <div id="u3080_text" class="text ">
        <p><span>替换了示例中的分割符以方便使用</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3081" class="ax_default label" selectiongroup="breadcrumb-list-5">
    <div id="u3081_div" class=""></div>
    <div id="u3081_text" class="text ">
        <p><span>Home</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3082" class="ax_default label">
    <div id="u3082_div" class=""></div>
    <div id="u3082_text" class="text ">
        <p><span>&gt;</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3083" class="ax_default label" selectiongroup="breadcrumb-list-5">
    <div id="u3083_div" class=""></div>
    <div id="u3083_text" class="text ">
        <p><span>Components</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3084" class="ax_default label">
    <div id="u3084_div" class=""></div>
    <div id="u3084_text" class="text ">
        <p><span>&gt;</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3085" class="ax_default label selected" selectiongroup="breadcrumb-list-5">
    <div id="u3085_div" class="selected"></div>
    <div id="u3085_text" class="text ">
        <p><span>Breadcrumb</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3086" class="ax_default label" selectiongroup="breadcrumb-list-6">
    <div id="u3086_div" class=""></div>
    <div id="u3086_text" class="text ">
        <p><span>Home</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3087" class="ax_default label">
    <div id="u3087_div" class=""></div>
    <div id="u3087_text" class="text ">
        <p><span>=&gt;</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3088" class="ax_default label" selectiongroup="breadcrumb-list-6">
    <div id="u3088_div" class=""></div>
    <div id="u3088_text" class="text ">
        <p><span>Components</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3089" class="ax_default label">
    <div id="u3089_div" class=""></div>
    <div id="u3089_text" class="text ">
        <p><span>=&gt;</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3090" class="ax_default label selected" selectiongroup="breadcrumb-list-6">
    <div id="u3090_div" class="selected"></div>
    <div id="u3090_text" class="text ">
        <p><span>Breadcrumb</span></p>
    </div>
</div>
</body>
</html>
